<template>
  <div>
    <div class="change" @click="changeFn"></div>
    <div class="child" @click="childFn"></div>
  </div>
</template>

<script>
export default {
    methods:{
        changeFn(){
            console.log('父盒子被点击了');
        },
        childFn(){
            console.log('父盒子被点击了');
        }
    }
}
</script>

<style>
.change{
    background: red;
    width: 200px;
    height: 200px;
}
.child{
    background: green;
    width: 100px;
    height: 10px;
}
</style>